<ion-header>
  <ion-toolbar color="primary">
    <ion-buttons start>
      <button ion-button icon-only (click)="addStudent()">
        <ion-icon name="add"></ion-icon>添加
      </button>
    </ion-buttons>

    <ion-searchbar (input)="getItems($event)"></ion-searchbar>


    <!--<ion-buttons end>-->
      <!--<button ion-button icon-only (click)="invite()">-->
        <!--<ion-icon name="settings"></ion-icon>-->
      <!--</button>-->
    <!--</ion-buttons>-->

  </ion-toolbar>
</ion-header>

<ion-content>
  <ion-list>
    <ion-item (click)="getInfo()">
      <ion-avatar item-start>
        <img src="assets/img/1.jpg">
      </ion-avatar>
      <h2>路飞</h2>
      <p>13611111111</p>
      <ion-note item-end>
        小路
      </ion-note>
    </ion-item>
    <ion-item (click)="getInfo()">
      <ion-avatar item-start>
        <img src="assets/img/2.jpg">
      </ion-avatar>
      <h2>索隆</h2>
      <p>13211111111</p>
      <ion-note item-end>
        小索
      </ion-note>
    </ion-item>
    <ion-item (click)="getInfo()">
      <ion-avatar item-start>
        <img src="assets/img/5.jpg">
      </ion-avatar>
      <h2>黑胡子</h2>
      <p>13411111111</p>
      <ion-note item-end>
        小黑
      </ion-note>
    </ion-item>
    <ion-item (click)="getInfo()">
      <ion-avatar item-start>
        <img src="assets/img/3.jpg">
      </ion-avatar>
      <h2>多弗朗明哥</h2>
      <p>13511111111</p>
      <ion-note item-end>
        明哥
      </ion-note>
    </ion-item>
    <ion-item (click)="getInfo()">
      <ion-avatar item-start>
        <img src="assets/img/1.jpg">
      </ion-avatar>
      <h2>路飞</h2>
      <p>13611111111</p>
      <ion-note item-end>
        小路
      </ion-note>
    </ion-item>
    <ion-item (click)="getInfo()">
      <ion-avatar item-start>
        <img src="assets/img/2.jpg">
      </ion-avatar>
      <h2>索隆</h2>
      <p>13211111111</p>
      <ion-note item-end>
        小索
      </ion-note>
    </ion-item>
    <ion-item (click)="getInfo()">
      <ion-avatar item-start>
        <img src="assets/img/5.jpg">
      </ion-avatar>
      <h2>黑胡子</h2>
      <p>13411111111</p>
      <ion-note item-end>
        小黑
      </ion-note>
    </ion-item>
    <ion-item (click)="getInfo()">
      <ion-avatar item-start>
        <img src="assets/img/3.jpg">
      </ion-avatar>
      <h2>多弗朗明哥</h2>
      <p>13511111111</p>
      <ion-note item-end>
        明哥
      </ion-note>
    </ion-item>
    <ion-item (click)="getInfo()">
      <ion-avatar item-start>
        <img src="assets/img/1.jpg">
      </ion-avatar>
      <h2>路飞</h2>
      <p>13611111111</p>
      <ion-note item-end>
        小路
      </ion-note>
    </ion-item>
    <ion-item (click)="getInfo()">
      <ion-avatar item-start>
        <img src="assets/img/2.jpg">
      </ion-avatar>
      <h2>索隆</h2>
      <p>13211111111</p>
      <ion-note item-end>
        小索
      </ion-note>
    </ion-item>
    <ion-item (click)="getInfo()">
      <ion-avatar item-start>
        <img src="assets/img/5.jpg">
      </ion-avatar>
      <h2>黑胡子</h2>
      <p>13411111111</p>
      <ion-note item-end>
        小黑
      </ion-note>
    </ion-item>
    <ion-item (click)="getInfo()">
      <ion-avatar item-start>
        <img src="assets/img/3.jpg">
      </ion-avatar>
      <h2>多弗朗明哥</h2>
      <p>13511111111</p>
      <ion-note item-end>
        明哥
      </ion-note>
    </ion-item>
  </ion-list>
</ion-content>
